@import "./f10-shared/f10-common";

:host {
  .display-flex;
  .flex;
  background-color: @color-white;
  overflow: hidden;
}

.f10-container{
  .display-flex;
  .flex;
  margin: 0px 8px;
  overflow: hidden;
  .nav {
    border-bottom: 1px solid @color-gray-border;
    display: flex;
    flex-wrap: wrap;
    .flex-shrink;
    justify-content: flex-start;
    margin: 0;
    padding: 12px 0;
    li {
      flex-grow: 1;
      margin-right: 10px;
      text-align: center;
      &:last-child {
        margin-right: 0px;
      }
      .active {
        background-color: @color-red-text;
        color: @color-white;
        border: none;
      }
    }
  }
  .navLists {
    border: 1px solid @color-gray-border;
    border-radius: 2px;
    color: @color-333-text;
    display: inline-block;
    min-width: 65px;
    width: 100%;
    height: 100%;
    padding: 5px 0;
    font-size: 14px;
  }
  .min100 {
    min-height: 100%;
  }
}